<%@ page import="com.changjiang.myproductsale.myproduct.entity.Product" %>
<%@ page import="java.util.List" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <%-- 设置基地址--%>
    <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="Robots" content="index,follow" />
    <title>"第三波书店"-网上书店</title>
    <link href="CSS/global.css" rel="stylesheet" type="text/css" />
    <link href="CSS/channel.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/global.js"></script>
</head>

<body>
<div id="top">
    <div class="status">您好，欢迎来到第三波书店^_^   <span><a href="#">【登录】</a><a href="#">【免费注册】</a></span> </div>
    <div class="member">
        <ul>
            <li><a href="#"><img src="Images/payVIP.gif" height="18" alt="开通VIP" /></a></li>
            <li><a href="#"><img src="Images/payCoin.gif" height="18" alt="学币中心" /></a></li>
        </ul>
    </div>
</div>

<div id="header">
    <div id="logo"><img src="Images/logo.gif" alt="第三波书店" /></div>
    <div id="nav">
        <div id="a_b_01"><img src="Images/a_b_01.gif" />[<img src="Images/taobao.gif" /> <a href="#">分站</a>]</div>
        <ul id="mainnav">
            <li class="current"><a href="index">首页</a></li>
            <li><a href="login.jsp">登录</a></li>
            <li><a href="register.jsp">注册</a></li>
            <li><a href="#">商讯</a></li>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">在线客服</a></li>
            <li><a href="#">积分兑换</a></li>
            <li><a href="#">书籍求购</a></li>
            <li><a href="#">帮助</a></li>
        </ul>
    </div>
</div>

<div id="a_b_04"><img src="Images/a_b_04.jpg" alt="" /></div>

<div id="breadcrumb">您现在的位置： 首页  >   情感   >   <a href="#" class="red">言情（1890种）</a></div>

<div id="container">
    <!--left content-->
    <div id="intro">
        <div class="child_menu">
            <h2 class="white">浏览下级分类</h2>
            <ul>
                <li><a href="#">言情（1890）</a></li>
                <li><a href="#">家庭/婚姻（3567）</a></li>
                <li><a href="#">女性（897）</a></li>
                <li><a href="#">职场（677）</a></li>
                <li><a href="#">财经（565）</a></li>
                <li><a href="#">近代（2390）</a></li>
                <li><a href="#">武侠（4560）</a></li>
                <li class="more"><a href="#">返回上级>></a></li>
            </ul>
        </div>

        <div class="history">
            <h2>最近的浏览记录</h2>
            <ul>
                <li><span>&middot;</span><a href="#">暮光之城-月食</a></li>
                <li><span>&middot;</span><a href="#">家小团圆（张爱玲...</a></li>
                <li><span>&middot;</span><a href="#">完全图解哇野外求...</a></li>
                <li><span>&middot;</span><a href="#">近代女性服饰演变...</a></li>
                <li><span>&middot;</span><a href="#">【6折】碧血剑</a></li>
            </ul>
        </div>
    </div>

    <div class="main">
        <div class="list_asc">
            <!--choice order type-->
            <div class="type_choice f_left">
                排序方式
                <select name="list_type">
                    <option>按销量 排序</option>
                </select>
            </div>
            <!--page no-->
            <div class="turn_area f_right">
                <span id="turn_pre"><<</span>
                <span id="turn_page">第一页</span>
                <span id="turn_next">>></span>
            </div>

        </div>

<%--循环读取plist 商品数据--%>
        <c:forEach var="item" items="${plist}">
            <dl class="list_area">
                <dt><a href="detail?id=${item.product_id}">
                    <img src="${item.product_img_url}" width="100" height="100" alt="${item.product_name}" /></a></dt>
                <dd>
                    <h2 class="b_title"><a href="detail?id=${item.product_id}">${item.product_name}</a></h2>
                    <div class="b_score">店铺名称：${item.shop_name}</div>
                    <div class="b_score">分类名称：${item.category_name}</div>
                    <div class="b_property">搜索数量:${item.product_search_hot}<br />
                    <div class="b_buy">
                        <span class="gray del">￥${item.product_uprice}</span>　<span class="red">￥${item.product_price}</span>　
                        折扣：${item.product_uprice/item.product_price}折　节省：￥${item.product_uprice-item.product_price}
                        <img src="Images/btn_goumai.gif" onmouseover="this.src='Images/btn_goumai_click.gif'" />
                        <img src="Images/btn_zancun.gif" onmouseover="this.src='Images/btn_zancun_click.gif'" />
                    </div>
                </dd>
            </dl>
        </c:forEach>


        <div class="pages">
            <a href="#" title="前一页" class="first"><<</a>
            <c:forEach var="item" begin="1" end="${total}">
                <a href="list?cateid=${cateId}&pagesize=5&pagenum=${item}" title="" >${item}</a>
            </c:forEach>
            <a href="#" title="后一页" class="end">>></a>
        </div>

    </div>

</div>


<div id="footer">
    <!--contac us-->
    <div class="telephone">
        <strong>热线</strong> 021-61508168　<strong>传真</strong> 021-61508168-8020　 <br />
        <strong>Q Q</strong>375013071  13483528    562655482  1143735195（技术)<br />
        <strong>MSN</strong> hjservice@hotmail.com   <strong>信箱</strong> shop@hjenglish.com<br />
        <strong>帮助</strong> <a href="/help/help.aspx" target="_blank">银行汇款帐户</a> <a href="/help/help.aspx#help_post" target="_blank">邮局汇款地址</a> 	<a href="/help/help.aspx#help_ship" target="_blank">送货方式及费用</a> <a href="http://www.hjenglish.com/down/faq_2.htm" target="_blank">如何进行下载</a>
    </div>
    <!---->
    <div class="imp_link">
        <img src="Images/alipay.gif" alt="支付宝支付" /><img src="Images/online_pay.gif" alt="在线支付" /><br />
        <a href="http://www.hjenglish.com/about/aboutus.htm" target="_blank">网站介绍</a>　<a href="http://www.hjenglish.com/about/partner.htm" target="_blank">合作伙伴</a>　<a href="#" target="_blank">网站地图</a>　<a href="#" target="_blank">联系我们</a><br />
        <a href="#" target="_blank">增值电信业务经营许可证沪B2-20040503</a> </div>
</div>

<div id="child_site">
    <strong>分站</strong>　 <a href="#" target="_blank">沪江网</a>  <a href="#" target="_blank">听说</a>  <a href="#" target="_blank">口译</a>  <a href="#" target="_blank">CET</a>  <a href="#" target="_blank">考研</a>  <a href="#" target="_blank">雅思</a>  <a href="#" target="_blank">托福</a>  <a href="#" target="_blank">日语</a>  <a href="#" target="_blank">法语</a>  <a href="#" target="_blank">下载</a>  <a href="#" target="_blank">文库</a>  <a href="#" target="_blank">部落</a>  <a href="#" target="_blank">博客</a>  <a href="#" target="_blank">词典</a>  <a href="#" target="_blank">IT新闻</a>  <a href="#" target="_blank">博客园</a>  <a title="新世界日语" href="#" target="_blank">新世界日语</a>  <a title="2010考研书籍推荐专题" href="#" target="_blank">2010考研书籍</a>
</div>


</body>
</html>